
.opportunity-scrip{
    background: url(/images/gr2015_opportunities_01.png) no-repeat;
    background-position:95% 90%;

    margin: 15px;
    width: 30%;
    height: 170px;
    display:inline-block;
    float: left;
    border-top:solid 5px #f4875e;
    cursor:pointer;

    
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
    -moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
    -webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
    box-shadow:2px 2px 10px #909090;/*opera或ie9*/
}

.opportunity{
    width:1200px;
    padding-top: 20px;
    margin:0 auto;
    padding-bottom: 60px;
    overflow: auto;
}

@media (max-width: 1280px){
.opportunity-scrip{
    margin: 15px;
    width: 30%;
    height: 170px;
    display:inline-block;
    float: left;
}

.opportunity{
    width:960px;
}
}

@media (max-width: 1000px){
.opportunity-scrip{
    margin: 15px;
    width: 45.9%;
    height: 170px;
    display:inline-block;
    float: left;
}

.opportunity{
    width:98%;
}
}

@media (max-width: 768px){

.opportunity-scrip{
    margin-bottom: 20px;
    margin-top: 15px;
    width: 94%;
    height: 170px;
    display:inline-block;
    float: left;
}
.opportunity{
    width:98%;
}
}


.opportunity-scrip-font{
	margin: 20px;
	word-break: break-all;
    
}

.opportunity-scrip-color_word{
    color: #ff6600;
    margin-top: 0;
}


#banner {
    background:url(/images/gr2015_banner01.jpg) no-repeat center center;
    height: 240px;
    position: relative;
}


#banner-topic {
    width:1200px;
    margin: 0 auto;
    height: 100%;
}

#banner-content {
    position: absolute;
    top: 50%;
    margin-top: -60px;
}

#banner-title-topic {
    font-family: Georgia;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    color: #ff923a;
}

#banner-title-content {
    font-family: Georgia;
    font-size: 36px;
    font-style: italic;
    font-weight: bold;
    color: #303030;
}

@media screen and (max-width: 1279px) {
    #banner-topic {
        width: 960px;
    }
}

@media screen and (max-width: 999px) {
    #banner-topic {
        width:84%;
    }

    #banner-title-content {
        font-size: 30px;
    }

@media screen and (max-width:767px){
    #banner {
        height: 100px;
        background-size: auto 100%;
    }

    #banner-topic {
        width:94%;
    }

    #banner-content {
        margin-top: -30px;
    }

    #banner-title-topic {
        font-size: 14px;
    }

    #banner-title-content {
        font-size: 24px;
    }